<template>
  <div>
    <el-card class="box-card back-img tac">
      <el-carousel :interval="3000" height="500px" style="background-color:none;">
        <el-carousel-item v-for="item in imgarr" :key="item">
          <!-- <h3 class="medium">{{ item }}</h3> -->
          <img :src="item" />
        </el-carousel-item>
      </el-carousel>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgarr: [
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570796433114&di=6205721ea46c1083ee2e079e2c6c4f05&imgtype=0&src=http%3A%2F%2Fa.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2Fa50f4bfbfbedab64531ddac9f536afc379311e4f.jpg",
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570795676217&di=5990a90904ee0bc52baaf0e4ccd8272a&imgtype=0&src=http%3A%2F%2Fp1.ssl.cdn.btime.com%2Ft0179717bcf23a69232.jpg%3Fsize%3D3569x1890",
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570795223756&di=9b31c9637fbca01c7886340815a39a4c&imgtype=0&src=http%3A%2F%2Fzhwpic.zuhaowan.com%2Fimages%2Fact_shs_img%2F2019-02-25%2F5c72d00b34aec__2560-1440.png",
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570795268898&di=651d956fd7abd491eed47b00b982816f&imgtype=0&src=http%3A%2F%2Fzhwpic.zuhaowan.com%2Fimages%2Faccount_img%2F2019-03-17%2F5c8da0223d831.jpg",
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570795268901&di=1342ad1f3ef22eb28a862d9b62ec5ef4&imgtype=0&src=http%3A%2F%2Fzhwpic.zuhaowan.com%2Fimages%2Faccount_img%2F2019-03-17%2F5c8da0236e1ac.jpg",
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570795268901&di=380b76b8d94971dbfb724ee524a06ee8&imgtype=0&src=http%3A%2F%2Fpic.zuhaowan.com%2Fimages%2Fact_shs_img%2F2017-07-23%2F5974b493d7428.png"
      ]
    };
  }
};
</script>

<style lang="less" scoped>
.box-card {
  // width: 100vw;
  height: 100vh;
}

img {
  // height: 500px;
  // width: 100%;
  height: 100%;
}
</style>